Spline - Day 15 – 3種不同材質的開關 + 動畫 - (2) - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2022 iThome 鐵人賽

DAY 13

0

Modern Web

30天學習 3D網頁 - spline系列第 15 篇

Spline - Day 15 – 3種不同材質的開關 + 動畫 - (2)

14th鐵人賽

2022-09-25 00:19:09

357 瀏覽

分享至

第15天，延續昨天作的開關，昨天主要是在說材質，今天著重在動畫的部分，下面列了幾個重點:

動畫 : 新增狀態跟交互，選擇鍵按下(例: 1、2、3)，再調整圖型。
開關最重要的一點 : 一定要打開切換 ! 因為開啟開關之後，有打開切換就可以回到基本狀態(Base State)，就會有開關的效果~

*補充 : 選擇鍵按下的原因是因為假設選滑鼠按下，背景顏色更改會變不同，所以要用鍵按下，輸入相同的數字或字母就能出現那個數字相應的背景顏色。

整體來說，我覺得沒有很困難，最主要還是修改的部分，調整圖型的顏色、角度，會很花時間。

我做的影片連結 : https://youtu.be/WQHx4WY-sTc

(參考連結 : https://youtu.be/zkw5GT9nYS8 )

預告: Day 16 – 燈泡 + 動畫

Spline - Day 14 - 3種不同材質的開關 + 動畫 - (1)

Spline - Day 16 – 燈泡 + 動畫

系列文

30天學習 3D網頁 - spline 共 30 篇

目錄

RSS系列文訂閱系列文

9 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22205 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙